<!-- Footer -->
			<footer class="footer-2 bg-dark" id="social-links">
		   		<div class="container">
					<div class="row">
						<div class="col-sm-3 text-left">
							<div class="vnu"><img alt="Logo" class="footer-logo" src="img/fossasia-light.png"></div>
						</div>
						<div class="col-sm-3 text-left"></div>
						<div class="col-sm-6 text-right">
							<ul class="list-inline social-list" style="font-size: 17px;padding: 10.5px;">
								<li>
									<a href="https://twitter.com/fossasia">
										<i class="fa fa-twitter"></i>
									</a>
								</li>
								<li>
									<a href="https://facebook.com/fossasia">
										<i class="fa fa-facebook"></i>
									</a>
								</li>
								<li>
									<a href="https://www.linkedin.com/groups/FOSSASIA-3762811">
										<i class="fa fa-linkedin" aria-hidden="true"></i>
									</a>
								</li>
								<li>
									<a href="https://github.com/fossasia">
										<i class="fa fa-github" aria-hidden="true"></i>
									</a>
								</li>
								<li>
									<a href="https://flickr.com/photos/fossasia">
										<i class="fa fa-flickr" aria-hidden="true"></i>
									</a>
								</li>
								<li>
									<a href="https://www.youtube.com/channel/UCQprMsG-raCIMlBudm20iLQ">
										<i class="fa fa-youtube" aria-hidden="true"></i>
									</a>
								</li>
								<li>
									<a href="https://www.instagram.com/fossasia">
										<i class="fa fa-instagram" aria-hidden="true"></i>
									</a>
								</li>
								<li>
									<a href="https://www.vk.com/fossasia">
										<i class="fa fa-vk" aria-hidden="true"></i>
									</a>
								</li>
								<li>
									<a href="https://www.reddit.com/r/FOSSASIA/">
										<i class="fa fa-reddit"></i>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
		   </footer>

        <script>
            if ('serviceWorker' in navigator) {
                navigator.serviceWorker.register('sw.js')
                    .then(function(registration) {
                        console.log('Service Worker registration successful with scope: ',
                            registration.scope);
                    })
                    .catch(function(err) {
                        console.log('Service Worker registration failed: ', err);
                    });
            }
        </script>
        <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
		<script src="js/flexslider.min.js"></script>
		<script type="text/javascript" src="js/typed.js"></script>
		<script type="text/javascript">
			Typed.new('.typed', {
			strings: [ "Thank You For Contributing!", "योगदान करने के लिए धन्यवाद!", "Danke für den Beitrag!", "Dziękujemy za Twój wkład!", "貢献していただきありがとうございます!", "பங்களித்ததற்கு நன்றி!", "Tak for bidrag!", "Grazie per aver contribuito!", "Go raibh maith agat as ranníoc!",  "Merçi de contribuer!", "공헌 해 주셔서 감사합니다!", "অবদান রাখার জন্য আপনাকে ধন্যবাদ!", "දායක වූවාට ස්තුතියි!", "Gracias por contribuir!", "Спасибо Вам за Ваш вклад!", "Σας ευχαριστούμε για τη συμβολή!", "ขอบคุณสำหรับการมีส่วนร่วมกับเรา!", "Bedankt voor de bijdrage!", "Дякую за участь", "Ευχαριστώ για τη συμβολή!", "شكرا للمساهمة!", "Tibi gratias ob tuam contributionem!"],
			typeSpeed: 0,
			backDelay: 500,
			startDelay: 1000,
			loop: true,
			loopCount: Infinity
			});
		</script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/lightbox.min.js"></script>
		<script src="js/masonry.min.js"></script>
		<script src="js/flickr.js"></script>
		<script src="js/twitterfetcher.min.js"></script>
		<script src="js/spectragram.min.js"></script>
		<script src="js/smooth-scroll.min.js"></script>
		<script src="js/parallax.js"></script>
		<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
		<script async defer src="https://apis.google.com/js/platform.js" ></script>
		<script type="text/javascript">var issueArr = [];</script>
		<script src="js/contributors.js"></script>
		<script src="js/inview.js"></script>
		<script src="js/scripts.js"></script>
		<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
		<script type="text/javascript">
			function googleTranslateElementInit() {
				new google.translate.TranslateElement({ pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL }, 'google_translate_element');
			}
		</script>
		<script type="text/javascript">
        	/* Smooth Scroll */
       		$('a[href*="#"]').not('[href="#"]')
                                 .not('[href="#0"]')
                                 .click(function(event) {
                                     if (
		  				location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
		  				&&
		  				location.hostname == this.hostname
		  			) {
		  				var target = $(this.hash);
		  				target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
		  				if (target.length) {
		  					event.preventDefault();
		  					$('html, body').animate({
		  						scrollTop: target.offset().top
		  					}, 1000, 'swing', function() {
		  						var $target = $(target);
		  						$target.focus();
		  						if ($target.is(":focus")) {
		  							return false;
		  						} else {
		  							$target.attr('tabindex','-1');
		  							$target.focus();
		  						};
		  					});
		  				}
		  			}
                                 });
        </script>
        <script src="https://openlayers.org/api/OpenLayers.js"></script>
        <script>
            map = new OpenLayers.Map("map");
            map.addLayer(new OpenLayers.Layer.OSM());

            epsg4326 =  new OpenLayers.Projection("EPSG:4326"); //WGS 1984 projection
            projectTo = map.getProjectionObject(); //The map projection (Spherical Mercator)
            var lonLat = new OpenLayers.LonLat(0,0).transform(epsg4326, projectTo);
            map.setCenter (lonLat, 0);

            var vectorLayer = new OpenLayers.Layer.Vector("Overlay");

            {% for student in site.data.students %}
                {% if student.lat %}
                    var feature = new OpenLayers.Feature.Vector(
                            new OpenLayers.Geometry.Point({{student.lng}}, {{student.lat}}).transform(epsg4326, projectTo),
                            {description:'{{student.name}}'} ,
                            {externalGraphic: 'img/student_marker.png', graphicHeight: 30, graphicWidth: 25, graphicXOffset:-12, graphicYOffset:-25}
                    );
                    vectorLayer.addFeatures(feature);
                {% endif %}
            {% endfor %}
            {% for mentor in site.data.mentors %}
                {% if mentor.lat %}
                    var feature = new OpenLayers.Feature.Vector(
                            new OpenLayers.Geometry.Point({{mentor.lng}}, {{mentor.lat}}).transform(epsg4326, projectTo),
                            {description:'{{mentor.name}}'} ,
                            {externalGraphic: 'img/mentor_marker.png', graphicHeight: 30, graphicWidth: 25, graphicXOffset:-12, graphicYOffset:-25}
                    );
                    vectorLayer.addFeatures(feature);
                {% endif %}
            {% endfor %}

            map.addLayer(vectorLayer);


            //Add a selector control to the vectorLayer with popup functions
            var controls = {
                selector: new OpenLayers.Control.SelectFeature(vectorLayer, { onSelect: createPopup, onUnselect: destroyPopup })
            };

            function createPopup(feature) {
                feature.popup = new OpenLayers.Popup.FramedCloud("pop",
                    feature.geometry.getBounds().getCenterLonLat(),
                        null,
                        '<div class="markerContent">'+feature.attributes.description+'</div>',
                        null,
                        true,
                        function() { controls['selector'].unselectAll();
                    });
                //feature.popup.closeOnMove = true;
                map.addPopup(feature.popup);
            }

            function destroyPopup(feature) {
                feature.popup.destroy();
                feature.popup = null;
            }

            map.addControl(controls['selector']);
            controls['selector'].activate();
        </script>
    </body>
</html>
